<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-3.3.1.min.js" type="text/javascript">
			
		</script>
		<script type="text/javascript">
			$(function(){
				
				$.getJSON("caipinzuoye.json",function(result){
					document.write("<ul class='ul1'>"+result[0][0]+ "</ul>")
					$(".ul1").append("<li class='li1'>"+result[1][0]+ "</li>")
					$(".ul1").append("<li>"+result[1][1]+ "</li>")
					$(".ul1").append("<li>"+result[1][2]+ "</li>")
					document.write("<ul class='ul2'>"+result[0][1]+ "</ul>")
					$(".ul2").append("<li>"+result[2][0]+ "</li>")
					$(".ul2").append("<li>"+result[2][1]+ "</li>")
					$(".ul2").append("<li>"+result[2][2]+ "</li>")
					document.write("<ul class='ul3'>"+result[0][2]+ "</ul>")
					$(".ul3").append("<li>"+result[3][0]+ "</li>")
					$(".ul3").append("<li>"+result[3][1]+ "</li>")
					$(".ul3").append("<li>"+result[3][2]+ "</li>")
					$(".ul1").click(function(){
					$(".ul1").children("li").toggle(1000);
				})
						$(".ul2").click(function(){
					$(".ul2").children("li").toggle(1000);
				})
							$(".ul3").click(function(){
					$(".ul3").children("li").toggle(1000);
				})
				})
				
				
			})
		</script>
	</head>
	<body>
	
	</body>
</html>
